// ***************************************************************切换
// 去注册
$("#goto-register").click(function() {

  // 
  $("#register").show();
  $("#login").hide();

});

// goto-login
$("#goto-login").click(function() {

  // 
  $("#register").hide();
  $("#login").show();

});

// ***************************************************************注册
let layer = layui.layer;
let form = layui.form;

// 验证需求：
//    1. 用户名、密码、重复密码不能为空!  回到HTML结构增加属性 样式名  lay-verify=""
//    2. 密码、重复密码   长度 6~12 位，且不能出现空格：非空字符: \S  
//    3. 密码 和 重复密码 必须一致;


// 正则：
form.verify({
  changdu: function(value, item) {
    let reg = /^\S{6,12}$/;
    if (reg.test(value) == false) {
      return "密码不符合要求"
    }
  },
  same: function(value, item) {
    // value:重新输入密码值
    // 第一次输入的密码：item？$("#pwd").val();
    if (value != $("#pwd").val()) {
      return "两次密码输入不一致"
    }
  }


  // changdu1: [/^\S{6,12}$/, "密码不符合要求"]
});



// 基本注册：
// 1.获取元素
$("#register form").on("submit", function(e) {
  e.preventDefault();


  // 2.收集数据
  let data = $(this).serialize();


  // 3.提交数据
  $.ajax({
    url: "/api/reguser",
    type: "post",
    data: data,
    success: function(res) {
      layer.msg(res.message);
    }
  })
});


// ***********************************************************登录
//.1.注册事件
$("#login form").on("submit", function(e) {
  e.preventDefault();

  // 2.收集数据
  let data = $(this).serialize();

  // 3.提交
  $.ajax({
    url: "/api/login",
    type: "POST",
    data: data,
    success: function(res) {
      layer.msg(res.message);

      if (res.status == 0) {
        // 业务设计：
        //    页面怎么调整
        window.location.href = "/index.html";
        //    token值：/my路径请求头设置带上Authorization token值
        //    存起来：
        localStorage.setItem("token", res.token);
      }




    }
  });



})